.user-option {
    .logo {
        width: 90px;
        height: 90px;
        margin: 54px auto 15px auto;
        .borderradius(50%);
        img {
            width: 90px;
            height: 90px;
            .borderradius(50%);
        }
    }
    input{
        width:100%;
        padding: 0 17px;
        height:45px;
        background-color:#e8e8e8;
        font-size: 16px;
        color: #bcbcbc;
        .borderradius;
        .boxshow;
    }
    .submit{
        color:#fff;
        background-color:#06c1ae;
        .borderradius;
        border-style: none;
        width: 100%;
        /*margin-top: 25px;*/
        padding: 13px 0;
        font-size: 18px;
    }
    .do-other{
        margin-top: 10px;
        a{
            font-size:15px;
            color:#607d8b;
        }
    }
    .user-row{
        position: relative;
        margin-top: 25px;
    }
    .security-code,.time-set{
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
    }
    .security-code{
        font-size: 13px;
        color: #06c1ae;
        padding: 5px 8px;
        background-color: #fff; 
        .borderradius(13px);
    }
    .time-set{
        font-size:15px;
        color:#607d8b;

    }
}
/*address*/
.address-option{
    font-size: 15px;
    line-height: 15px;
    ul{
        //overflow-y: scroll;
        margin-bottom: 40px;
    }
    .currentLi{
        background-color:#f8f8ff!important;
    }
    .row-line{
        position: relative;
        padding:14px 16px;
        border-bottom: 1px solid #e6e6e6;
        .boxshow;
        .displaybox;
        label{
            color:#666;
            margin-right: 10px;
        }
        input[type="text"]{
            font-size: 15px;
            .displaybox;
            .boxflex;
            text-align: right;
        }
    }
    .margin-right{
        margin-right: 7px;
    }
    .area-input{
        margin-right: 16px;
    }
    .next-icon{
        background-position: 0 -134px;
        width:16px;
        height:22px;
        position: absolute;
        right:8px;
        top:50%;
        transform:translateY(-50%);
        display: inline-block;
    }
    .address-choice{
        padding-left:16px;
        .boxshow;
    }
    .address-title{
        color:#333;
        margin-top:16px;
    }
    .address-item{
        padding: 15px 16px 15px 0;
        border-bottom: 1px dashed #e6e6e6;
        .boxshow;
    }
    input[type='checkbox']{
        width: 19px;
        height: 19px;
        opacity: 0;
    }
    .line-item{
        margin-top:15px;
    }
    .location{
        font-size: 13px;
        color:#06c1ae;
    }
    .uncheck-icon{
        background-position: 0 -81px;
        width:18px;
        height:18px;
        display: inline-block;
    }
    .check-icon{
        background-position: 0 -112px;
    }
    .address-show{
        position: relative;
        background-color: #fff;
        border-top:1px solid #dcdcdc;
        border-bottom:1px solid #dcdcdc;
        margin-bottom: 10px;
        padding: 15px 0 8px 15px;
        p{
            color:#666;
            font-size: 15px;
            .boxflex;
            .displaybox;
        }
        &:first-child{
            border-top:none;
        }
    }
    .address-line{
        .displaybox;
        line-height: 24px;
    }
    .address-default{
        color:#06c1ae;
        position: absolute;
        top:15px;
        right:15px;
    }
    .add-address-list{
        text-align: center;
        position: fixed;
        width: 100%;
        padding: 17px 0;
        background-color: #fff;
        bottom: 0;
        a{
            font-size: 17px;
            color:#06c1ae;
        }
    }
    .line{
        height: 1px;
        background:1px dashed #f5f5f5;
        margin-top:11px;
    }
    .edit-icon,.delete-icon{
        width:17px;
        height:17px;
        background-color:transparent;
    }
    .edit-icon{
        background-position: 0 -161px;
        margin-right:20px;
    }
    .delete-icon{
        background-position: 0 -188px;
    }
    .address-operation{
        margin: 10px 16px 0 0;
    }
    .operation{
        position: fixed;
        bottom: 0;
        left:0;
        width:100%;
    }
    .submit{
        font-size: 17px;
        width: 100%;
        padding: 12px 0;
        display: block;
        text-align: center;
        background-color: #ff9e05;
    }
}
.back-color{
    background-color: #efefef;
}
#container{
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
}